<!DOCTYPE html>
<html>
    <head>
        <title>个人简历</title>
        <meta charset="utf-8">
        <style>
            body{
                height: 3000px;
                background-color: #f0ffff;
                position: relative;
               
                /*background-image: url(bei.jpg);*/
            }
        #banner{
            background-image: url(banner.jpg);
            height: 150px;
            margin: 0 auto;
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            z-index: 2;
            
        }
        #main{
            width: 800px;
            margin: 0 auto;
            margin-top: 200px;
            position: absolute;
            left: 200px;
            top: 0px;
            right: 200px;
        }
        /*ul{
            position: relative;
            right: 50px;
        }*/
        li{
            display: inline;
            font-size: 20px;
            
        }
        #setting{
            background-image: url(setting.jpg);
            width: 800px;
            height: 500px;
            position: absolute;
            top: 500px;
        }
        .ppc{
            width: 150px;
            height: 150px;
            border-radius:50% 50% ;
            border: solid 4px honeydew;
        }
        #ajpg{
            position: absolute;
            left: 120px;
            top: 200px;
        }
        #bjpg{
            position: absolute;
            left: 400px;
            top: 120px;
        }
        #cjpg{
            position: absolute;
            left: 600px;
            top: 200px;
        }
        .suojin{
                text-indent: 2em;
                line-height: 40px;
                font-family: 楷体;
                font-size: 20px;
            }
            .tupian{
                width: 100%;
            }
            #biaoti{
                text-align: center;
                color: #00ffff;
                font-family: 楷体;
                font-size: 50px;
                /*background-color: greenyellow;*/
            }
            .wei{
                text-align: right;
            }
            h4{
                text-align: right;
                color: blueviolet;
            }
            #school{
                margin-top: 700px;
            }
           
        
        </style>
    </head>
    <body>
        <div id="banner">
             <ul>
                <li><a href="#school">我的大学</a></li>
                <li><a href="#contry">我的家乡</a></li>
                <li><a href="#sport">我喜欢的运动</a></li>
                <li><a href="#idol">我的偶像</a></li>
                <li><a href="#student">我的同学</a></li>
            </ul>
            </div>
        <div id="main">
            <h1 id="biaoti">欢迎来到张少旗的主页</h1><br><h4>路漫漫其修远兮，吾将上下而求索</h4><hr style="color:greenyellow;">
            <h2 id="student">我的同学</h2>
            <p class="suojin">我们相遇于大学初，相离于大学末。我们从青涩到成熟用了三年的时间，这三年来，我们一同经历了很多很多，有酸甜苦辣，有相爱相杀。时光荏苒如白驹过隙，我们已经别离，可我们都是坚信，时光很长，我们不散！我们还会再见！</p>
            <div id="setting">
                <img src="student1.jpg" class="ppc" id="ajpg">
                <img src="student2.jpg" class="ppc" id="bjpg">
                <img src="student3.jpg" class="ppc" id="cjpg">
            </div>
            
            <h2 id="school">我的大学</h2>
            <p class="suojin">黄淮学院是2004年经教育部批准升格的一所公办全日制普通本科高校，具有43年的办学历史，是教育部应用技术大学改革战略研究试点院校、中国应用技术大学联盟副理事长单位、河南省首批示范性应用技术类型本科院校，河南省文明单位、河南省园林绿化先进单位，河南省党风廉政建设先进单位。学校位于历史悠久、文化底蕴厚重，素有“豫州之腹地、天下之最中”美称的驻马店市。校园环境清新优雅，办学条件优良，公共服务设施齐全。学校占地2460多亩，建筑面积58万平方米，教职工1200余人，设有16个二级学院，全日制普通在校生2万余人，馆藏图书268万册，基于云计算的数字化校园建设达到国内先进水平。</p>
            <img class="tupian" src="黄淮学院.jpg" alt=""><br><hr style="color:greenyellow;">
            <h2 id="contry">我的家乡</h2>
            <p class="suojin">信阳山清水秀，气候宜人，被誉为山水茶都，素有“江南北国、北国江南”之美誉。楚文化与中原文化在这里交融，形成了信阳独特的人文环境。信阳是全国唯一连续八年入选中国十佳宜居城市的城市，荣获中国优秀旅游城市、国家园林城市、中国最具幸福感城市、中国最美城市等头衔。其中九华山是信阳的一处旅游胜地</p>
            <img class="tupian" src="九华山.jpg" alt=""><br><hr style="color:greenyellow;">
             <h2 id="sport">我喜欢的运动</h2>
            <p class="suojin">乒乓球（ping-pong），“乒乓球”一名起源于1900年，因其打击时发出“ping pang”的声音而得名，在中国大陆、香港及澳门等地区以“乒乓球”作为它的官方名称。中国国球，是一种世界流行的球类体育项目，包括进攻、对抗和防守。我很喜欢这项运动，能够锻炼我们的反应速度，陶冶情操，是一项非常好的体育项目</p>
            <img class="tupian" src="乒乓球.jpg" alt=""><br><hr style="color:greenyellow;">
            <h2 id="idol">我的偶像</h2>
            <p class="suojin">许嵩（Vae），1986年5月14日生于安徽省合肥市，中国内地创作型男歌手。他对歌词创作的独特追求。许嵩歌词中有反复、比喻、比拟等积极修辞的运用，也有音韵、词汇语法方面消极修辞的体现，还有不同于其他歌手的艺术特色。字里行间毫不修饰的生存哲学，运用超常搭配的语言表达方式，形成了新颖、时尚的表达效果，满足了大众追求新奇别致的语言组合和讲究语言表达修辞效果的需要。代表作有《灰色头像》、《幻听》、《雅俗共赏》等歌曲。</p>
            <img class="tupian" src="许嵩.jpg" alt=""><br><br><br><hr style="color:greenyellow;">
            
            <p class="wei">Q&nbsp;Q:&nbsp;&nbsp;631940959&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
            <P class="wei">电话：15939736835</P>
            

        </div>
        
    </body>
</html>